<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="csrf-token" content="MESUY3topeHgvFqsy9EcM916UWQq6khiGHM91wHy">
    <title>宙斯事业部-宙斯论坛</title>
    <link href="css/blog.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css" />
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!--头部导航-->
<div class="nav">
    <div class="nav_left warp">
        <div><img src="img/nav1.png" style="margin-top: 2px;"/></div>
        <div class="area" style="margin-left: 225px;">
            <ul>
                <li><a href="/posts">首页</a></li>
                <li><a href="/post/create">发表文章</a></li>
                <li><input name="query" type="text" value="" class="form-control" style="margin-top:10px" placeholder="搜索词"></li>
                <li><button class="btn btn-default" style="margin-left:-55px;margin-top: -3px;" type="submit">Go!</button></li>
                <li style="margin-left: 135px;position: relative;left: 30px;"><a href="#">登录</a></li>
                <li style="padding-right: -20px;"><a href="#">注册</a></li>
            </ul>

        </div>
    </div>
</div>
<!--头部结束-->


<!--轮播图开始-->
<div id="carousel-example-generic" class="carousel slide area" data-ride="carousel" style="top: -30px;">
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="img/slide1.png" />
        </div>
        <div class="item">
            <img src="img/slide2.png" />
        </div>
        <div class="item">
            <img src="img/slide3.png" />
        </div>
    </div>
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--轮播图结束-->

<div class="area posts">

    <!--文章详情页-->




    <div class="posts_list" style="width: 69%;border-top: 1px solid #ddd;height: 500px;">
        <ul>
            <?php $__currentLoopData = $posts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <li style="border-bottom: 1px solid #ddd; height: 155px;">
                <div class="posts_list_user" style="position: relative;top: 10px;">
                    <ul>
                        <li><img src="img/logo2.png" style="width: 30px;height: 30px;"/></li>
                        <li><span>伟力同学</span></li>
                        <li><img src="img/sd.png"/></li>
                        <li><span id="time"><?php echo e($post->created_at); ?></span></li>
                    </ul>
                </div>
                <div class="posts_list_title" style="position: relative;top: 10px;"><a href="/posts/<?php echo e($post->id); ?>"><h4><?php echo e($post->title); ?></h4></a></div>
                <div class="content" style="color: #666666;height: 60px;width: 70%;position: relative;top: 10px;">
                    <?php echo str_limit($post->content,3,'...'); ?>

                </div><br/>

                <div class="posts_list_cz" style="position: relative;top: 2px;">
                    <span><img src="img/pl.png" style="width: 20px; height: 20px;"/><span style="margin-left: 5px; color: #a8a8a8;">评论数(2222)</span></span>
                    <span style="margin-left: 20px;"><img src="img/dz.png" style="width: 20px;height: 20px;"/><span style="margin-left: 5px; color: #a8a8a8;">点赞数(2222)</span></span>
                </div>
            </li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </ul>
        <div class="page area"style="    position: relative;
    top: -20px;padding-bottom: 80px;">
            <ul class="pagination" style="margin-left: 150px;">
                <?php echo e($posts->links()); ?>

            </ul>
        </div>
    </div>

    <!--内容导航-->
    <div class="page_nav" style="width: 30%;height: 450px;">
        <ul style="margin-left: 6px;position: relative;
    top: -9px;">
            <li><a href="#"><img src="img/page1.png"/></a></li>
            <li><a href="#"><img src="img/page2.png"/></a></li>
            <li><a href="#"><img src="img/page3.png"/></a></li>
            <li><a href="#"><img src="img/page4.png"/></a></li>
            <li><a href="#"><img src="img/page5.png"/></a></li>
        </ul>
    </div>

</div>
<!--底部结尾-->
<div class="dbjw" style="height: 97px;position: fixed;bottom: 0;left: 0; right: 0;background: #5c5c5c;width: 100%;margin: 0 auto;z-index: 9999;">
    <div class="area footer">
        <div style="width: 60%;height: 97px;line-height: 97px;text-align: center; color: white;font-size: 20px;">宙斯事业部</div>

        <div class="G2_logo" style="position: relative;top: -35px;float: right;width: 40%;line-height: 97px;    padding-left: 47px;">
            <img src="img/logo2.png"/>
            <span style="color: white;line-height: 97px;">技术支持@G2技术部</span>
        </div>
    </div>
</div>
</body>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>
